<template>
	<view class="uni-breadcrumb-x">
		<uni-breadcrumb separator="/">
			<uni-breadcrumb-item v-for="(route, index) in routes" :key="index"
				:to="route.to" replace>{{route.name}}</uni-breadcrumb-item>
		</uni-breadcrumb>
	</view>
</template>

<script>
	export default {
		name: "wjf-stat-breadcrumb",
		props: {
			routes: {
				type: Array
			}

		},
		data() {
			return {

			};
		}
	}
</script>

<style>
	.uni-breadcrumb-x {
		flex: 1;
		display: flex;
		padding: 0 5px;
		min-height: 55px;
		line-height: 55px;
		align-items: center;
	}
</style>